<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Title</title>
    <!--CSS的引入方式共有三种：行内样式、内部样式表、外部样式表-->
    <!--内部样式表-->
    <style type="text/css">
        /**
        匹配class=tableName的元素,.基于class
         */
        /**
        */
        .tableName{
            height: 100px;
            width: 500px;
            font-size: 5mm;
            font-style: inherit;
        }
        /**
        匹配所有input元素,基于标签
         */
        input{
            width: 100px;
            background-color: chartreuse;
        }
        #td_cloum1{
            width: 20%;
        }
        /**
        匹配id=a的元素，#基于ID
         */
        #textA{
            width: 200px;
        }
    </style>
</head>
<body>
    <table class="tableName"  border="1">
        <tr>
            <td id="td_cloum1">姓名：</td>
            <td> <input type="text" id="textA"></td>
        </tr>
        <tr>
            <td>年龄：</td>
            <td> <input type="password"></td>
        </tr>
        <tr>
            <td>自我简介：</td>
            <td> <textarea rows="4" cols="50">我在这里</textarea></td>
        </tr>
    </table>


</body>
</html>